@media only screen { 
  .em { font-size: 55%; } 
}
@media only screen and (min-width: 1920px) { 
  .em { font-size: 62.5% !important; } 
}
@media only screen and (min-width: 3840px) { 
  .em { font-size: 125% !important; } 
}

.fadeInDown {
  animation: fadeInDownFrames 300ms ease; 
}

.fadeOutDown {
  animation: fadeOutDownFrames 300ms ease; 
}

.fadeInDownY {
  animation: fadeInDownYFrames 300ms ease; 
}

.fadeOutDownY {
  animation: fadeOutDownYFrames 300ms ease; 
}

@keyframes fadeInDownYFrames {
  from {
    opacity: 0;
    transform: translateY(-100%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeOutDownYFrames {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: .2;
    transform: translateY(-110%);
  }
}

@keyframes fadeInDownFrames {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeOutDownFrames {
  from {
    opacity: 1;
  }
  to {
    opacity: .2;
  }
}